<?php
      
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Tablero Pacientes Quirofano</title>

<script src="jquery-1.9.1.min.js"></script>

<style>
     #miTabla tr:nth-child(odd) {
        background-color: #FFFFFF;

     }

     #miTabla tr:nth-child(even) {
        background-color: #B0C4DE;

     }
     
     body{
         
         background-image: url(../imagen/FondoTablero.jpg);
         background-repeat: no-repeat;
         background-position: center;
         background-attachment: fixed;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         
     }
     
     
     table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
    }
    table th:first-child{
            text-align: left;
            padding-left:20px;
    }
    
    table {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:12px;
	background:#eaebec;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
     
</style>
    <script type="text/javascript">

             function PacientesTableroQuirofano(){
                
                var tc = 8;
                $.ajax({
                         type: "POST",
                         contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                         url: "../../PlaneacionCirugia/Logica/BllSolicitudCirugia.php",
                         data:{TipoEnvio:tc},
                         success: DatosPacientesTablero
                });
            }
            
            function DatosPacientesTablero(datos){
                
                $("#ContedidoPacientes").text("");
                rpt = $.parseJSON(datos);
                datos = $("#ContedidoPacientes");
                var resp = "";
                //resp += "<table id='miTabla'  style='font-size:144%;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;-moz-border-radius:5px; /* FF1+ */-webkit-border-radius:5px; /* Saf3-4 */border-radius:5px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);'>";
                 var con = 1;
                 for(dat in rpt){
                     
                     //Se posicionan los pacientes en campos de texto tipo hidden para utilizarlos de 10 en 10
                     resp += '<input type="hidden" name="txtDocumento[]" id="Documento'+ dat +'" value="'+ rpt[dat].CEDULAPACIENTE +'" />\
                              <input type="hidden" name="txtPaciente" id="Paciente'+ dat +'" value="'+ rpt[dat].NOMBREPACIENTE +'" />\
                              <input type="hidden" name="txtConducta" id="Conducta'+ dat +'" value="'+ rpt[dat].SALA +'" />\
                              <input type="hidden" name="txtTipoCirugia" id="TipoCirugia'+ dat +'" value="'+ rpt[dat].TIPOCIRUGIA +'" />\
                              <input type="hidden" name="txtEstadoCirugia" id="EstadoCirugia'+ dat +'" value="'+ rpt[dat].ESTADODECIRUGIA +'" />\
                              <input type="hidden" name="txtEPS" id="EPS'+ dat +'" value="'+ rpt[dat].EPS +'" />\
                              <input type="hidden" name="txtFechaEntrada" id="FechaEntrada'+ dat +'" value="'+ rpt[dat].FECHAENTRADAQX +'" />\
                              <input type="hidden" name="txtEspecialidad" id="Especialidad'+ dat +'" value="'+ rpt[dat].ESPECIALIDAD +'" />\
                              <input type="hidden" name="txtMedico" id="Medico'+ dat +'" value="'+ rpt[dat].MEDICO +'" />';

                con++;
               } 
               datos.append(resp);
              
               MostrarTablero();
                   
            }
            
            function MostrarTablero(){
                
                //Se borra el div que contien la tabla de los pacientes
                $("#contenido").html("");
                
                var Longitud = document.getElementsByName("txtDocumento[]");
                var Concatenar = '';
                var DocumentoPaciente = '';
                var Paciente = '';
                var Conducta = '';
                var Medico = '';
                var TipoCirugia = '';
                var EstadoCirugia = '';
                var FechaEntrada = '';
                var EPS = '';
                var Especialidad = '';
                var con = 1;
                var Posicion = $("#Posicion").val();
                //alert(Posicion);
                
                
                Concatenar += "<table id='miTabla'  style='font: icon;width:60%;font-size:90%;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;-moz-border-radius:5px; /* FF1+ */-webkit-border-radius:5px; /* Saf3-4 */border-radius:5px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);'>";
                
                for(var i = Posicion; i < Longitud.length; i++){
                    
                    
                    //Se entregan los datos a las variables
                    DocumentoPaciente = $("#Documento"+i).val();
                    Paciente = $("#Paciente"+i).val();
                    Conducta = $("#Conducta"+i).val();
                    Medico = $("#Medico"+i).val();
                    TipoCirugia = $("#TipoCirugia"+i).val();
                    EstadoCirugia = $("#EstadoCirugia"+i).val();
                    FechaEntrada = $("#FechaEntrada"+i).val();
                    Especialidad = $("#Especialidad"+i).val();
                    EPS = $("#EPS"+i).val();
                    
                    Concatenar += "<tr>\
                                    <td  align='center' style='width: 180px;text-transform: uppercase;'>\
                                       "+ Paciente +"\
                                    </td>\
                                    <td  align='center' style='width: 195px;text-transform: uppercase;'>\
                                       "+ EstadoCirugia +"\
                                    <td  align='center' style='width: 195px;text-transform: uppercase;'>\
                                       "+ Medico +"\
                                    </td>\
                                    <td  align='center' style='width: 200px;text-transform: uppercase;'>\
                                       "+ Especialidad +"\
                                    </td>\
                                </tr>\
                                ";
                    con++;
                    
                    
                    //Se muestran pacientes de 10 en 10
                    //Se valida si ya no hay datos que mostrar
                    if((Longitud.length)-(1) == i){
                        
                        MostrarNuevosPacientesFinal();

                    }else if(con == 11){
                        
                        //Se da la posicion en la que debe arrancar la lista
                        $("#Posicion").val(i+1);
                        
                        setTimeout('MostrarNuevosPacientes()',20000);
                        
                        //Se desaparece de 10 en 10
                        //$(".efectos").fadeOut(5000);
                        
                        //Se detiene la iteracion de la lista para que solo muestre 10 pacientes
                        break;
                        
                    }
                    
                
                }
                
                Concatenar += "</table>";
                
                $("#contenido").append(Concatenar);
                
            }
            
            function MostrarNuevosPacientes(){
                
                //Se muestra de nuevo el div que contien los pacientes
                
                //Se cargan los pacientes en cola
                MostrarTablero();
                
            }
            
            function MostrarNuevosPacientesFinal(){
                
                $("#Posicion").val(0);
                
                setTimeout('PacientesTableroQuirofano()',20000);
                
            }
            
            
            function Desaparecer(){

                $(".efectos").fadeOut(5000);

            }

            function Aparecer(){

                $(".efectos").fadeIn(5000);

            }
            
            
   </script>
</head>
    <body onload="PacientesTableroQuirofano();">
        <br><br><br><br><br><br><br>
        <table style="width: 100%;font: icon">
            <tr>
                <th style='padding: 5px; text-align: center; border-top: 1px solid rgb(224, 224, 224); border-right: 1px solid rgb(224, 224, 224); background: none repeat scroll 0% 0% rgb(232, 234, 235); width: 332px;;'>
                   <b>PACIENTE
                </th>
                <th style='padding: 5px; text-align: center; border-top: 1px solid rgb(224, 224, 224); border-right: 1px solid rgb(224, 224, 224); background: none repeat scroll 0% 0% rgb(232, 234, 235); width: 364px;'>
                   <b>ESTADO CIRUGIA
                </th>
                <th style='border-radius: 0px 3px 3px 0px;padding: 5px; text-align: center; border-top: 1px solid rgb(224, 224, 224); border-right: 1px solid rgb(224, 224, 224); background: none repeat scroll 0% 0% rgb(232, 234, 235); width: 364px;'>
                   <b>CIRUJANO
                </th>
                <th style='border-radius: 0px 3px 3px 0px;padding: 5px; text-align: center; border-top: 1px solid rgb(224, 224, 224); border-right: 1px solid rgb(224, 224, 224); background: none repeat scroll 0% 0% rgb(232, 234, 235); width: 364px;'>
                   <b>ESPECIALIDAD
                </th>
            </tr>
        </table>
        <div>
            <div id="contenido" class="efectos"></div>
            <div id="ContedidoPacientes"></div>
        </div>
        <!--Caja de texto que contiene la posicion de la lista de pacientes para mostrar-->
        <input type="hidden" name="txtPosicion" id="Posicion" value="0" />
        
        
            <marquee width="1240" hspace="50" scrolldelay="100" direction="left" style="padding-top: 480px">
                <font color="#FFFFFF" size="6" face="Arial, Helvetica, sans-serif">			
                    <strong>
                            Nuestra atención esta orientada a la satisfacción del paciente y su familia, si se le presenta algún inconveniente favor comuniquese al teléfono 8782500 ext 1003 al celular 3162424528 o a la línea gratuita 018000089999. Gracias por preferirnos. 
                            SES Hospital de Caldas un hospital seguro para todos.
                    </strong> 
                </font>
            </marquee>
        
        
    </body>
</html>
